<!DOCTYPE html>
<html lang="ZH-cn">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Test</title>
  <link rel="stylesheet" href="./styles/default.css">
</head>

<body>
  <s-page>
    <main>
      <s-table>
        <s-thead>
          <s-tr>
            <s-th>
              Dessert
            </s-th>
            <s-th>Calories</s-th>
            <s-th>Fat (g)</s-th>
            <s-th>Carbs (g)</s-th>
            <s-th>Protein (g)</s-th>
            <s-th>Sodium (mg)</s-th>
            <s-th>Calclum (%)</s-th>
            <s-th>Lron (%)</s-th>
          </s-tr>
        </s-thead>
        <s-tbody>
          <s-tr>
            <s-td>
              Frozen yogurt
            </s-td>
            <s-td>237</s-td>
            <s-td>6.0</s-td>
            <s-td>24</s-td>
            <s-td>4.0</s-td>
            <s-td>26</s-td>
            <s-td>87</s-td>
            <s-td>14%</s-td>
          </s-tr>
        </s-tbody>
      </s-table>
    </main>
  </s-page>
  <script type="module" src="../dist/main.js"></script>
  <script type="module" src="./scripts/default.js"></script>
</body>

</html>